<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
    <title>500页面</title>
    <!-- for-mobile-apps -->
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <meta name="keywords" content=""/>
    <script type="application/x-javascript"> addEventListener("load", function () {
        setTimeout(hideURLbar, 0);
    }, false);

    function hideURLbar() {
        window.scrollTo(0, 1);
    } </script>
    <!-- //for-mobile-apps -->
    <link rel="shortcut icon" href="http://cdn.cczjblog.top/cczjBlog-img/favicon_cczj.ico">
    <link th:href="@{/css/error_style.css}" rel="stylesheet" type="text/css" media="all"/>
    <link href='#css?family=Raleway:400,100,100italic,200,200italic,300,400italic,500,500italic,600,600italic,700,700italic,800,800italic,900italic,900'
          rel='stylesheet' type='text/css'>
</head>
<body>
<div class="main">
    <div class="agileits_main_grid">
        <div class="agileits_main_grid_left">
            <h1>500 Error Widget</h1>
        </div>
        <div class="agileits_main_grid_right">
            <a th:href="@{/index}">back to home</a>
        </div>
        <div class="clear"></div>
    </div>
    <div class="w3l_main_grid">
        <img th:src="@{/images/500.png}" alt=" " class="img-responsive"/>
    </div>
    <div class="w3ls_main_grid_bottom">
        <div class="w3ls_main_grid_bottom_left">
            <div class="wthree_social_buttons">
                <a href="#" class="wthree_social_button facebook"><i class="fa fa-wechat"></i></a>
                <a href="#" class="wthree_social_button twitter"><i class="fa fa-weibo"></i></a>
                <a href="#" class="wthree_social_button google"><i class="fa fa-google"></i></a>
                <a href="#" class="wthree_social_button pinterest"><i class="fa fa-pinterest"></i></a>
            </div>
        </div>
        <div class="w3ls_main_grid_bottom_right">
            <ul>
                <li>Cupidatat non proident</li>
                <li>sunt in culpa officia</li>
            </ul>
            <ul>
                <li>aliquip ex ea commodo</li>
                <li>aute irure dolor ert</li>
            </ul>
            <ul>
                <li>ut labore lore magnare</li>
                <li>nisi aliquip commodo</li>
            </ul>
        </div>
        <div class="clear"></div>
    </div>
    <div class="agile_copy_right">
        <p>Copyright &copy; .<a target="_blank" href="http://yikeshuoguo.top/">自学go</a></p>
    </div>
</div>
</body>
</html>